<template>
  <div class="container">
    <!-- 骨架 -->
    <!-- <XtxSkeleton width="100px" height="100px" bg="red" /> -->
    <!-- 左侧菜单 -->
   <HomeCategory/>
   <!-- 右侧轮播图 -->
   <HomeBanner/>
   <!-- 新鲜好物 -->
   <HomeNew/>
   <!-- 人气推荐 -->
   <HomeRecom/>
   <!-- 楼层 -->
   <HomeProduct/>
  </div>
</template>

<script>
import HomeCategory from './components/home-category.vue'
import HomeBanner from './components/home-banner.vue'
import HomeNew from './components/home-new.vue'
import HomeRecom from './components/home-recom.vue'
import HomeProduct from './components/home-product.vue'
export default {
  name: 'xtx-home-page',
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeRecom,
    HomeProduct
  }
}
</script>

<style scoped lang='less'>
.texe{
    border:1px solid #27BA9B
}
</style>
